body{margin:0;padding:0;background:#fff;color:#666}
body{font:12px/1.5 'Microsoft Yahei',"微软雅黑",Verdana,SimHei,"Microsoft JhengHei",Tahoma}
dd,dl,dt,form,h1,h2,h3,h4,h5,h6,img,li,p,span,ul{margin:0;padding:0;border:none;list-style-type:none;font-weight:400}
a{color:#666;text-decoration:none}

.ecjia-content{overflow:hidden;margin:0 auto;width:1200px}
.ecjia-fl{float:left}
.ecjia-fr{float:right}
.clear{clear:both}
.wt-10{margin-top:10px}
.wt-80{margin-top:80px}
.wt-50{margin-top:50px}
.wt-20{margin-top:20px}
.wt-30{margin-top:30px}
.wt-135{margin-top:135px}
.ml-20{margin-left:20px}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}
.m-t-50{margin-top:-50px}
.ecjia-fl+.ecjia-fl{width:50%}
.fsize-24{font-size:24px}
.fsize-36{font-size:36px}
.fsize-48{font-size:48px}

.arrow-left{display:inline-block;width:0;height:0;border-top:8px solid transparent;border-right:28px solid #fff;border-bottom:5px solid transparent;vertical-align:super}
.ecjia-btn{padding: 10px 35px 10px 60px;border-radius:20px;background:#fff;color:#333;font-size:18px;position:relative;}
.ecjia-btn .icon{display:inline-block;margin-right:5px;width:20px;height:20px;background-image:url(../images/icons.png);background-repeat:no-repeat;position:absolute;top: 11px;left: 35px;}
.ecjia-btn .icon.iphone{background-position:0 0;}
.ecjia-btn .icon.android{background-position:-20px 0}
.two-btn .ecjia-btn:last-child{margin-left:30px}
.blue.ecjia-btn{background:#42b8f1;color:#fff}
.blue.ecjia-btn .icon.iphone{background-position:-40px 0}
.blue.ecjia-btn .icon.android{background-position:-60px 0}
.green.ecjia-btn{background:#47aa4d;color:#fff}
.green.ecjia-btn .icon.iphone{background-position:-40px 1px}
.green.ecjia-btn .icon.android{background-position:-60px 1px}
.hover-font a:hover{background-color:#fff;color:#47aa4d}
.blue.ecjia-btn:hover{background-color:#56c8ff}
.green.ecjia-btn:hover{background-color:#58c55c}
.ecjia-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecjia-truncate2{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.ecjia-header{height:80px;background:#fff}
.ecjia-header.fixed.navbar-transparent{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.12);box-shadow:0 3px 6px rgba(0,0,0,.12)}
.ecjia-header .ecjia-logo{width:50%}
.ecjia-header .ecjia-logo img{height:60px}
.ecjia-header .nav{overflow:hidden}
.ecjia-header .nav li{float:left;padding:0 17px;color:#333;font-size:17px;line-height:80px}
.ecjia-header .nav li a{display:inline;padding:5px}
.ecjia-header .nav li:last-child{padding-right:0}
.ecjia-header.fixed{position:fixed;top:0;right:0;left:0;z-index:9999;height:80px}
.ecjia-container{margin-top:80px}
.ecjia-header .nav li a.ecjia-back-green{padding:5px 15px;border-radius:40px;background-color:#47aa4d;color:#fff;text-align:center;font-size:17px;line-height:30px;cursor:pointer}
.ecjia-header .nav li.active a {border-bottom: 4px solid #47aa4d;color: #47aa4d}

.ecjia-container{width:100%;height:510px;min-width:1200px;background-color:#47aa4d}
.wt-phone{margin-top:60px}
.project-view{position:relative;margin-top:0;margin-left:85px;width:449px;height:757px;background:url(../images/phone.png) no-repeat;background-size:100%}
.project-view iframe{padding:70px 64px;width:324px;height:567px}
.project-view .phone-tips{position:absolute;top:200px;right:0;padding:0 0 30px;width:15px;background:url(../images/mouse.png) no-repeat bottom;background-size:100%;color:#fff;text-align:center;writing-mode:lr-tb}
.ecjia-desc{width:100%;color:#fff;text-align:right}
.ecjia-desc .ecjia-text-name{margin-right:-15px}
.ecjia-desc .ecjia-edition{padding:3px 10px;border-radius:5px;background-color:#fff;color:#47aa4d;vertical-align:text-bottom;font-size:20px;line-height:31px}
.ecjia-desc .edition-icon{position:relative;top:-1px;right:-15px}
.ecjia-desc h2{line-height:70px}
.ecjia-code{color:#333;font-size:14px}
.ecjia-code span{display:inline-block;text-align:center}
.ecjia-code span,.ecjia-code span img{width:200px;height:200px}

.video{text-align:center}
.ecjia-title{color:#333;text-align:center}
.ecjia-title p{margin:30px auto 40px;width:785px;color:#888;font-size:16px}
.cly-title{color:#47aa4d;text-align:center;font-size:16px}

.swiper-container-phone{position:static;overflow:hidden;margin:70px 0 0 64px;width:320px}
.swiper-container-phone .swiper-pagination{position:relative;bottom:36px;z-index:2;height:20px}
.swiper-pagination-bullet{width:10px;height:10px}
.clyimges{position:relative}
.swiper-button-prev{left:90px}
.swiper-button-next{right:90px}
.swiper-container{position:static;width:900px}
.swiper-container img{width:100%}
.swiper-slide p{margin-top:25px;color:#000;text-align:center;font-size:16px}

.download{margin-bottom:50px;text-align:center}

.page-footer{padding:15px 0;background-color:#2c313a;text-align:center;font-size:14px;line-height:25px}
.page-footer p:first-child{color:#333}
.page-footer p:last-child{color:#888}
.page-footer .outlink a{display:inline-block;width:132px;height:30px;cursor:pointer}
.page-footer .outlink .blog-ico{margin-right:35px;background:url(../images/blog.png)}
.page-footer .outlink .blog-ico:hover{background:url(../images/blog_hover.png)}
.page-footer .outlink .wechart{background:url(../images/wechart.png)}
.outlink-qrcode{position:relative;display:inline-block}
.outlink-qrcode .wechar-code{position:absolute;top:-197px;z-index:99;display:none;padding:10px 5px;width:130px;border-radius:5px 5px 0 0;background:#f8f8f8}
.outlink-qrcode .wechar-code img{width:130px;height:130px}
.page-footer .outlink .wechart:hover{background:url(../images/wechart_hover.png)}
.outlink .outlink-qrcode:hover .wechar-code{display:block}
.footer-links p{text-align:center}
.footer-links p a{margin-right:20px}
